<%--
  Created by IntelliJ IDEA.
  User: asus
  Date: 2015/3/24
  Time: 14:31
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.min.js"></script>--%>
    <link rel="stylesheet" href="<%=request.getContextPath() %>/resources/css/bootstrap.css">
    <%--<link href=""<%=request.getContextPath() %>/resources/css/main/css/form.css" rel="stylesheet" type="text/css" media="all" />--%>
    <%--<script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/bootstrap.js"></script>--%>
    <link href="<%=request.getContextPath() %>/resources/css/main/style.css" rel="stylesheet" type="text/css" media="all" />
    <script src="<%=request.getContextPath() %>/resources/js/jquery1.min.js"></script>
    <!-- start menu -->
    <link href="<%=request.getContextPath() %>/resources/css/main/megamenu.css" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/megamenu.js"></script>
    <script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
    <script type="text/javascript" src="<%=request.getContextPath() %>/resources/js/jquery.jscrollpane.min.js"></script>
    <script type="text/javascript" id="sourcecode">
        $(function()
        {
            $('.scroll-pane').jScrollPane();
        });
    </script>
    <!-- start details -->
    <script src="<%=request.getContextPath() %>/resources/js/slides.min.jquery.js"></script>
    <script>
        $(function(){
            $('#products').slides({
                preload: true,
                preloadImage: 'img/loading.gif',
                effect: 'slide, fade',
                crossfade: true,
                slideSpeed: 350,
                fadeSpeed: 500,
                generateNextPrev: true,
                generatePagination: false
            });
        });
    </script>



    <title></title>
</head>
<body>
<div class="mens">
    <div class="main">
        <div class="wrap container-fluid">
            <ul class="breadcrumb breadcrumb__t">商品详情

            </ul>
            <div class="row-fluid">
                <div class="grid images_3_of_2"  style="width: 500px">
                    <div id="container">
                        <div id="products_example">
                            <div id="products">
                                <div class="products" >
                                    <div class="slides_container" style="width: 450px" >

                                        <c:forEach items="${fourImageList}" var="fourImage">
                                        <a href="#"><img class="a" id="img1" src="<%=request.getContextPath() %>/resources/images/goodsImages/${fourImage}" alt=""  /></a>
                                        </c:forEach>


                                    </div>
                                    <ul class="pagination">

                                        <c:forEach items="${fourImageList}" var="fourImage">
                                        <li><a href="#"><img src="<%=request.getContextPath() %>/resources/images/goodsImages/${fourImage}" width="s4" alt="1144953 3 2x"></a></li>
                                          </c:forEach>
                                        <div class="clear">

                                        </div>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span6">
                    <h3 class="m_3">${goods.name}</h3>
                    <p class="m_5">${goods.price} </p>
                    <p class="m_text2">${goods.describer}</p>
                    <div class="row-fluid">
                        <div class="span6" >
                            <h4 class="page-header">商品属性&nbsp;</h4>
                            <dl  >
                                <dt style="font-family: bold">品牌：</dt>
                                <dd>&nbsp;&nbsp;${goods.brand}</dd>
                                <dt style="font-family: bold">CPU：</dt>
                                <dd>&nbsp;&nbsp;${goods.CPU}</dd>

                                <dt style="font-family: bold">硬盘：</dt>
                                <dd>&nbsp;&nbsp;${goods.HD}</dd>
                                <dt style="font-family: bold">库存：</dt>
                                <dd>&nbsp;&nbsp;${goods.stock}</dd>
                            </dl>

                        </div>

                        <div class="span6" >
                            <h4 class="page-header">&nbsp;</h4>
                            <dl >
                                <dt><strong>显卡：</strong></dt>
                                <dd>&nbsp;&nbsp;${goods.graphic}</dd>
                                <dt>内存：</dt>
                                <dd>&nbsp;&nbsp;${goods.RAM}</dd>
                                <dt>卖家：</dt>
                                <dd>&nbsp;&nbsp;${goods.seller.name}</dd>
                                <dt>状态：</dt>
                                <dd>&nbsp;&nbsp;
                                    <c:if test="${goods.status eq 0 }">
                                        待审核
                                    </c:if>
                                    <c:if test="${goods.status eq 1 }">
                                        正售
                                    </c:if>
                                    <c:if test="${goods.status eq 3 }">
                                        已下架
                                    </c:if>
                                </dd>
                            </dl>
                        </div>

                    </div>
                <div style="display:none"></div>
            </div>
        </div>
            <div align="center">
                <h4 class="page-header">&nbsp;</h4>
                <c:forEach items="${detailImageList}" var="detailImage">
                    <a href="#"><img class="img-thumbnail" src="<%=request.getContextPath() %>/resources/images/goodsImages/${detailImage}" alt=""  /></a>
                </c:forEach>

            </div>
     </div>
</div>
    </div>
</body>
</html>
